.homePage_header{
    background: rgba(6,135,147,0.4);
}
.ct{
    width: 30%;
    color: #eeeeee;
    float: left;
    margin-top: 1rem;
    margin-left: 1rem;
}
.ct .ct_name .ct_Chinese{
    font-weight: 500;
    font-size: 1rem;
}
.ct .ct_name .ct_localIcon{
    margin-left: 0.5rem;
    font-size: 1rem;
}
.ct .ct_date{
    margin-top: 0.2rem;
    font-size: 0.8rem;
}
.ct .ct_time{
    text-align: center;
    background: rgba(0,0,0,0.4);
    border-radius: 2rem;
    width: 5rem;
    height: 1.2rem;
    margin-top: 0.8rem;
}
.ct .ct_time span{
    position: relative;
    top: 0.08rem;
}
.ct .ct_time .ct_ref {
    margin-left: 0.2rem;
    font-size: 0.8rem;
}
.states {
    margin-left: 25%;
    width: 50%;
}

.states .whIcon img {
    width: 3rem;
    height: 3rem;
}
.states .degree {
    font-size: 2.5rem;
    color: white;
}
.states .details{
    border-radius: 2rem;
    width: 100%;
    height: 1.5rem;
    color: white;
    background: rgba(0,0,0,0.3);
}
.states .details span{
    font-size: 0.5rem;
    position: relative;
    top: 0.2rem;
}
.states div {
    text-align: center;
}
.warn {
    float: right;
    margin-top: 1rem;
    margin-right: 1rem;
}
.warn .warn_info span {
    color: white;
    font-size: 0.8rem;
}
.warn .warn_val span {
    margin-left: 0.1rem;
    float: left;
    width: 1rem;
    height: 0.3rem;
}
.warn .warn_val p {
    font-size: 0.8rem;
    color: white;
}
.warn .warn_val .warn_val_1{
    background: #72AF3C;
}
.warn .warn_val .warn_val_2{
    background: #FFD630;
}
.warn .warn_val .warn_val_3{
    background: #C88F35;
}
.warn .warn_val .warn_val_4{
    background: #E66000;
}
.warn .warn_val .warn_val_5{
    background: #E60000;
}
.warn .warn_val .warn_val_6{
    background: #7646A3;
}

.getCtName {
    position: absolute;
    text-align: center;
    display: none;
    width: 100%;
    z-index: 99999;
}
.getCtName .getCtNameContent{
    background: white;
    width: 60%;
    margin-left: 20%;
    height: 8rem;
}
.getCtName .getCtNameContent .cancel{
    margin-top: 1rem;
    float: left;
    width: 4rem;
    height: 2rem;
    color: white;
    margin-left: 2rem;
    background: #cbcbcb;
}
.getCtName .getCtNameContent .cancel span{
    position: relative;
    top:0.3rem;
}
.getCtName .getCtNameContent .confirm{
    float: right;
    margin-right: 2rem;
    margin-top: 1rem;
    color: white;
    width: 4rem;
    height: 2rem;
    background: #ffee58;
}
.getCtName .getCtNameContent .confirm span {
    position: relative;
    top:0.3rem;
}
.getCtName .getCtNameContent input {
    height: 2rem;
    width: 70%;
}
.getCtName .getCtNameContent input::-webkit-input-placeholder{
    font-family: "Arial", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
    font-size: small;
}
.homePage_recommend{

    margin-top: 0.5rem;
    width: 100%;
    height: 3rem;
    background-color: rgba(0,0,0,0.75);
}
.homePage_recommend div{
    float: left;
}
.homePage_recommend .homePage_recommend_shoe{
    text-align: center;
    width: 49%;
    height: 100%;
    border-right: dashed 0.1rem #ffee58;
}
.homePage_recommend .homePage_recommend_shoe span{
    color: #ffb533;
}
.homePage_recommend .homePage_recommend_shoe .homePage_recommend_shoe_icon {
    position: relative;
    top:0.3rem;
}
.homePage_recommend .homePage_recommend_shoe .homePage_recommend_shoe_title {
    margin-left: 0.5rem;
    position: relative;
    font-size: 0.8rem;
}
.homePage_recommend .homePage_recommend_shoe .homePage_recommend_shoe_type {
    font-size: 0.95rem;
}
.homePage_recommend .homePage_recommend_sport{
     text-align: center;
     width: 50%;
     height: 100%;
 }
.homePage_recommend .homePage_recommend_sport span {
    color: #ffb533;
}
.homePage_recommend .homePage_recommend_sport .homePage_recommend_sport_icon {
    position: relative;
    top:0.3rem;
}
.homePage_recommend .homePage_recommend_sport .homePage_recommend_sport_title{
    margin-left: 0.5rem;
    font-size: 0.8rem;
}
.homePage_recommend .homePage_recommend_sport .homePage_recommend_sport_type {
    font-size: 0.95rem;
}
.homePage_schedule {
    margin-top: 1rem;
    color: white;
    width: 100%;
    height: 100%;
}
.homePage_schedule h3 {
    text-align: center;
    width: 5rem;
    margin: 0 auto;
}
.homePage_schedule .trip {
    text-align: center;
    position: relative;
    left:0;
    width: 100%;
    height: 6rem;
    margin-top: 0.5rem;
    /*background:rgba(255,181,51,0.9) ;*/
    background-color: rgba(0,0,0,0.4);
}
.homePage_schedule .trip div{
    float: left;
}
.homePage_schedule .trip .trip_icon {
    width: 10%;
    margin-top: 2rem;
}
.homePage_schedule .trip .trip_content{
    width: 80%;
    margin-left: 1rem;
}
.homePage_schedule .trip .trip_content div{
    margin-top: 0.5rem;
    border-bottom: 0.1rem dashed white;
    clear: both;
}